<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="x-ua-compatible" content="ie=7"/>
<title>账户设置</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript" src="../../dwr/engine.js"></script>
<script type="text/javascript" src="../../lovejes/lovejes.js"></script>
<script type="text/javascript" src="../../lovejes/jcrop/js/jes.jcrop.js"></script>
<script type="text/javascript" src="../js/sys_util.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/acl/user.js"></script>
<script src="../js/formValidator.js" type="text/javascript" charset="UTF-8"></script>
<script src="../js/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<link type="text/css" rel="stylesheet" href="../themes/default/css/validator.css" />
<link rel="shortcut icon" href="http://www.cuniao.com/dpupload/logo.ico"/>
<link href="../themes/default/css/css.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="../../lovejes/jcrop/css/jes.Jcrop.css" type="text/css"/>
<script type="text/javascript">
function show(n){
	for(var i=1;i<9;i++){
		if(n!=i){
			Jes.hide('no_'+i+'_detail','no_'+i+'_detail');
			if($('#tab11'+i)!=null&&$('#tab11'+i)!='')
			$('#tab11'+i).removeClass('tabseled');
		}
	}
	Jes.show('no_'+n+'_detail');
	$('#tab11'+n).addClass('tabseled');
}
</script>
</head>
<body leftmargin="0" topmargin="0" onload="Cn_ModifyUser.init();" style="margin-left:20px">
<div class="maintomg">
	<div class="reg_header">
		<div class="logo">
			<a href="http://www.cuniao.com/cuniao"></a>
		</div>
	</div>
	<!--
	<div id="welcome" style="font-size:18px;" ></div>
	-->
	<div id="tabdiv1">
		<ul class="tabbar2" id="tabbar2" style="display:block">
			<li id="tab11" class="tabseled"><a href="javascript:Cn_ModifyUser.showaccount();">我的账户</a></li>
			<li id="tab12" class="tabnoseled"><a href="javascript:Cn_ModifyUser.showinfo();">个人资料</a></li>
		</ul>
		<div id="tabdiv12">
			<ul class="tabbar12" id="tabbar12">
				<li id="tab116" class="tabseled"><a href="javascript:void(0);" onclick="show(6);">我的订单</a></li>
				<li id="tab117" class="tabnoseled"><a href="javascript:void(0);" onclick="show(7);">我的余额</a></li>
				<li id="tab118" class="tabnoseled" style="display:none"><a href="javascript:void(0);" onclick="show(8);">活动密码审核</a></li>
				<!--
				<li id="tab111" class="tabseled"><a href="javascript:void(0);" onclick="show(1);">基本信息</a></li>
				<li id="tab112" class="tabnoseled"><a href="javascript:void(0);" onclick="show(2);">个人头像</a></li>
				<li id="tab113" class="tabnoseled"><a href="javascript:void(0);" onclick="show(3);">个人标签</a></li>
				<li id="tab114" class="tabnoseled"><a href="javascript:void(0);" onclick="show(4);">第三方账号绑定</a></li>
				<li id="tab115" class="tabnoseled"><a href="javascript:void(0);" onclick="show(5);">密码设置</a></li>
				--> 
			</ul>
		</div>
	</div>
	<!-- 我的订单 -->
	<div id="no_6_detail" style="display:block">
		<br/>
		<div id="table_dealinfo" >
		</div>
	</div>
	<!-- 我的余额 -->
	<div id="no_7_detail" style="display:none">
		<br/>
		<div id="mybalance">
		</div>
	</div>
	<div id="no_8_detail" style="display:none">
		<br/>
		<input type="hidden" id="actid">
		<div id="verify_psd">
		<!--
		<span>用户活动密码：</span>
		<input type="text" id="v_psd"/>
		<input type="button" onclick="Cn_ModifyUser.verifyPsd();" value="验证密码">
		<br/>
		<table class="reg_fst">
			<tr><td>手机号码</td><td>活动密码</td><td>验证时间</td><td>状态</td></tr>
			<tr><td>154****8989</td><td>fiufiu8</td><td>2010-0908</td><td>已验证</td></tr>
		</table>
		-->
		</div>
	</div>
	<!-- 基本信息 -->
	<div id="no_1_detail" style="display:none">
		<form id="form1" name="form1" method="post" action="" style="text-align:left;">
			<table class="reg_fst">
			<input type="hidden" id="id" name="id"/>
			<tr>
				<td class="m" valign="top" align="right">
					昵 称:
				</td>
				<td>
					<input id="loginid" name="loginid" title="昵称" type="text" size="15" maxlength="15" required onblur="Cn_ModifyUser.checkLoginid(this)" class="textinput"/>
				</td>
				<td>
					<span id="loginidTip" style="text-align:left;"></span>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					真实姓名:
				</td>
				<td>
					<input id="username" name="username" title="真实姓名" type="text" size="15" maxlength="15" class="textinput" required/>
					<label id="usernameTip" style="width:230px;height:28px;text-align:left;"></label>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					性别:
				</td>
				<td>
					<input type="radio" title="性别" rule="group" id="sex" name="sex" checked="true" value="1"> 男 <input type="radio" title="性别" rule="group" id="sex" name="sex" value="2"> 女
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					是否单身:
				</td>
				<td>
					<input type="radio" title="是否单身" rule="group" id="single" name="single" checked="true" value="1"> 单身 <input type="radio" title="是否单身" rule="group" id="single" name="single" value="2"> 有伴
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					所在地:
				</td>
				<!-- 系统要能判断用户IP所在地    这里 -->
				<td>
					<select id="area" name="area" onchange="Jes.Select.city();">
					</select>
					<select id="city" name="city">
					</select>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					 手机号码:
				</td>
				<td>
					<input id="phone" name="phone" title="手机号码" type="text" size="15" maxlength="11" class="textinput" onpropertychange="if(/[^0-9]/g.test(this.value)) value=value.substring(0,value.length-1);" 
					onchange="Cn_ModifyUser.checkPhone(this);" />
					<input style="display:none" type="button" id="btnphone" name="btnphone" onclick="Cn_ModifyUser.sendYzm();" value="发送验证码到手机" class="submit"><<用来接受活动密码短信和提醒,绝不它用,放心填写
				</td>
			</tr>
			<tr id="div_phoneyzm" style="display:none">
				<td class="m" valign="top" align="right">
					 收到的验证码:
				</td>
				<td>
					<input id="phoneyzm" name="phoneyzm" title="验证码" type="text" size="15" maxlength="11" class="textinput"/>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					 一句话,自我介绍下吧:
				</td>
				<td>
					<textarea id="sign" name="sign" type="text" size="100" maxlength="100"></textarea>
					<label id="signTip" style="width:230px;height:28px;text-align:left;"></label>
				</td>
			</tr>
			<tr>
				<td class="m" valign="top" align="right">
					 职位岗位:
				</td>
				<td>
					<a href="javascript:Cn_Reg.showJob();" style="font-size:14px;color:blue" id="jobname" name="jobname"></a>
					<input type="hidden" id="jobid"/>
				</td>
			</tr>
			<tr>
				<td>
					<span class="bn-flat">
					<input type="button" id="save" name="save" onclick="Cn_ModifyUser.save(1);" value="保存" class="save">
					</span>
				</td>
			</tr>
			</table>
		</form>
	</div>
	<!-- 修改头像 -->
	<div id="no_2_detail" class="reg_sed" style="display:none">
		<form id="form2" name="form2" method="post" action="../../upload.shtml?type=buss" enctype="multipart/form-data" onsubmit="" target="response_iframe">
			<div class="localphoto">
				<p class="sm01">
					 请选择头像
				</p>
				<div class="photofile">
					<input type="file" size="30" id="avatar_pic" name="avatar_pic" class="photo">
				</div>
				<p class="sm">
					 提示：<br/> 1.&ensp;仅支持JPG,JPEG,GIF,PNG格式图片；<br/> 2.&ensp;图片大小不超过1MB；<br/> 3.&ensp;上传色情反动照片将导致你的账户被删除。
				</p>
				<input type="button" id="upload" name="upload" value="上传" class="btnup" onclick="Jes.Upload.upload();"> &nbsp;&nbsp; 
				<input type="button" id="save" name="save" onclick="Cn_ModifyUser.modifyUserPic();" value="保存" class="btnsave">
			</div>
			
			<div class="localpiccon">
				<div id="upImg" class="upimg">
				</div>
				<div align="left" class="probar" id="procBar">
					<div class="bigger">
						<span id="preview_box" class="biggerpic"></span><span class="cc">大头像</span>
					</div>
					<div class="small">
						<span id="preview_box2" class="smallpic"></span><span class="cc">小头像</span>
					</div>
				</div>
			</div>
			<input type="hidden" id="txsrc" name="txsrc"/>
			<input type="hidden" id="x" name="x"/>
			<input type="hidden" id="y" name="y"/>
			<input type="hidden" id="x2" name="x2"/>
			<input type="hidden" id="y2" name="y2"/>
			<input type="hidden" title="头像" id="w" name="w" required/>
			<input type="hidden" id="h" name="h"/>
			<div id="procBar" align="left" style="width:400px; height:180px; border:0px; background-image:url(images/bg.gif);display:none;position:absolute; top:10px;left:100px;">
				<div id="theMeter">
					<div id="procBarTxt" align="center" style="width:220px; height:30px; margin-left:157px; margin-top:70px; font-size:12px;">
					</div>
					<div id="procBarBox" style="width:216px; margin-left:160px; margin-top:10px; background-image: url(images/white.gif);height: 12px; background-repeat:no-repeat;">
						<div id="procBarBoxCont" style="background-image:url(images/blue1.gif); width:0px; height:12px; background-repeat:repeat-x;">
						</div>
					</div>
				</div>
			</div>
		</form>
		<iframe id="response_iframe" name="response_iframe" style="display:none">
		</iframe>
	</div>
	<!-- 个人标签
	<table id="no_3_detail" style="display:none" class="table_tag">
	<input type="hidden" id="tagid"/>
	<tr>
		<td width="10%">
			 我的标签
		</td>
		<td width="10%">
			 现有的标签
		</td>
	</tr>
	<tr>
		<td class="choice" id="mytag">
		</td>
		<td class="choice" id="tag">
		</td>
	</tr>
	<tr>
		<td>
		</td>
		<td>
			<span>没有适合你的？那就新增个吧</span>
		</td>
	</tr>
	<tr>
		<td>
		</td>
		<td>
			<input type="text" style="border:1px solid #ccc;" id="newtag" size="20" maxlength="20"/>
			<input type="button" value="确定" onclick="Comm.addTag(Jes('newtag').value);Comm.getTag('mytag','tag');"/>
		</td>
	</tr>
	</table>
	 -->
	 
	<!-- 个人标签 -->
    <div id="no_3_detail"  class="table_tag">
    <input type="hidden" id="tagid"/>
    <div class="tagleft">
    	<dt>我的标签</dt>
    	<dl class="choice" id="mytag">
        </dl>
    </div>
    <div class="tagright">
    	<table border="0" cellpadding="0" cellspacing="0" class="tagtab01" width="100%">
        <tr>
        	<td>
        	<dt>他们的标签</dt>
        	<dl class="choice" id="tag">
        	</dl>
        	</td>
        </tr>
         <tr><td>
         <span class="tit01">没有适合你的？那就新增个吧</span>
        <div class="textsubmit">
         <input type="text" id="newtag" class="text" size="20" maxlength="20"/>
			<input type="button" value="确定" onclick="Comm.addTag(Jes('newtag').value);Comm.getTag('mytag','tag');" class="submit"/>
		</div>
         </td>
         </tr>
         </table>
    </div>
    </div>
	<!-- 第三方绑定 -->
	<div id="no_4_detail" style="display:none">
		<p>
			 第三方开发的应用（或网站）需要同步你的数据时，需要得到你的授权。你可以随时取消这些授权。
			 取消授权并不会导致该网站上的账号被删除或数据的丢失。
		</p>
		<br>
		<table>
		<tr>
			<th width="100px">
				 第三方应用
			</th>
			<th width="200px">
			</th>
			<th>
				 操作
			</th>
		</tr>
		<tr>
			<td>
				 新浪微博账号
			</td>
			<td>
			</td>
			<td id="sinabind">
				<a href="javascript:Cn_ModifyUser.bind('SINA');" style="color:red" id="synsina" name="synsina">绑定</a>
			</td>
		</tr>
		<tr>
			<td>
				 腾讯微博账号
			</td>
			<td>
			</td>
			<td>
				<a href="javascript:Cn_ModifyUser.bind('SINA');" style="color:red" id="synqq" name="synqq">绑定</a>
			</td>
		</tr>
		</table>
	</div>
	<!-- 修改密码 -->
	<table id="no_5_detail" class="reg_fst" style="display:none">
	<form id="form4" name="form4" method="post" action="">
		<br/>
		<tr>
			<td class="m" valign="top" align="right">
				<font color="red">*</font>原密码:
			</td>
			<td>
				<input name="oldpsd" id="oldpsd" title="原密码" required type="password" class="textinput"/>
			</td>
		</tr>
		<tr>
			<td class="m" valign="top" align="right">
				<font color="red">*</font>新密码:
			</td>
			<td>
				<input name="newpsd" id="newpsd" title="新密码" required type="password" class="textinput"/>
			</td>
		</tr>
		<tr>
			<td class="m" valign="top" align="right">
				<font color="red">*</font>确认新密码:
			</td>
			<td>
				<input name="cfmpsd" id="cfmpsd" title="确认密码" required rule="repeat" to="newpsd" type="password" class="textinput"/>
			</td>
		</tr>
		<tr>
			<td>
				<input type="button" id="save" name="save" onclick="Cn_ModifyUser.modifyPsd();" value="保存" class="save">
			</td>
		</tr>
	</form>
	</table>
	<!-- 未登陆状态 -->
	<div id="goToTop" style="display:none">
	</div>
</div>
<div class="hidden_ulogin hiddenwxp" id="loginshow" style="display:none">
	<div class="hidden_ulogin hiddenwxp" id="userlogin" style="display:block">
		<div class="hidd_01">
			<div class="hidd_title">
				 用户登录<span onclick="location.reload();">x</span>
			</div>
			<div class="hidd_conn">
				<form id="login_from" name="login_from" method="post" action="">
					<table border="0" cellpadding="0" cellspacing="0" class="user_login1">
					<tr>
						<td width="50" align="right">
							 邮　箱：
						</td>
						<td align="left">
							<input id="email" name="email" class="input_login" type="text"/>
						</td>
					</tr>
					<tr>
						<td align="right">
							 密　码：
						</td>
						<td align="left">
							<input id="password" name="password" class="input_login" type="password"/>
							<a href="/cuniao/cuniao/acl/findpsd.html" class="forget">忘记密码？ </a>
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center" valign="middle" class="jzmm">
							<input type="checkbox" name="repsd" id="repsd" class="checkbox" checked="true"/><span>记住密码 </span>
							<input name="submit" type="button" class="button_dl" onclick="Jes.doLogin(location.href);"/>
						</td>
					</tr>
					<tr>
						<td colspan="2" class="hzimg">
							<p>
								 其他帐号登录
							</p>
							<div class="linkimg">
								<a href="javascript:Jes.doSina(location.href);" title="新浪微薄"><img src="/cuniao/cuniao/themes/default/images/img_xl.gif"/></a>
								<a href="javascript:Jes.doTencent(location.href);" title="腾讯QQ"><img src="/cuniao/cuniao/themes/default/images/img_qq.gif"/></a>
							</div>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<p class="goreg">
								 还没有账号吗？赶紧去<a href="/cuniao/cuniao/acl/register.html">->注册</a>个吧
							</p>
						</td>
					</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
</div>
<!--从事行业-->
<div class="hidden4" id="showDiv4">
	<div class="hidd_01">
		<div class="hidd_title" style="color:red">
			 选择职业岗位<span onclick="$('#showDiv4').hide()">x</span>
		</div>
		<div class="hidd_con_4">
			<div class="group">
				<ul id="option_groups">
				</ul>
				<a href="javascript:void(0);" onclick="$('#box').show()">以上没有你的职业？新添加个吧</a>
				<div id="box" style="display:none">
					<input type="text" id="newJobName" name="newJobName" class="organize"></input>
					<input type="button" onclick="Cn_Reg.addNewJob();" value="添加" class="new"/>
					<span onclick="$('#box').hide()" style="cursor:pointer;">取消</span>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>